<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="./js/flexible.js"></script>
    <script src="./js/index.js"></script>
    
</head>
<body>
    <div class="header">
        <img src="./assets/iconFonts/header_logo.png" class="header_logo">
        <img src="./assets/iconFonts/header_app.png" class="header_app">
    </div>
    <div class="content">
        <div class="search">
            <input type="text" placeholder="请输入你想比价的产品">
            <button>搜索</button>
        </div>
        <!-- 功能图标 -->
        <ul class="icon">
            <li class="icon_small">
                <a href="./pages/bijia.html">
                    <img src="./assets/iconFonts/ic_search.png">    
                </a>
                <span>比价搜索</span>
            </li>
            <li class="icon_small">
                <a href="./pages/shengqian.html">
                    <img src="./assets/iconFonts/ic_cu.png">    
                </a>
                <span>省钱控</span>
            </li>
            <li class="icon_small">
                <a href="./pages/guoneizhekou.html">
                    <img src="./assets/iconFonts/ic_coudanpin.png">    
                </a>
                <span>国内折扣</span>
            </li>
            <li class="icon_small">
                <a href="./pages/baicaijia.html">
                    <img src="./assets/iconFonts/ic_bcj.png">    
                </a>
                <span>白菜价</span>
            </li>
            <li class="icon_small">
                <a href="./pages/haitao.html">
                    <img src="./assets/iconFonts/haitao.png">    
                </a>
                <span>海淘折扣</span>
            </li>
            <li class="icon_small">
                <a href="./pages/youhuiquan.html">
                    <img src="./assets/iconFonts/ic_temai.png">    
                </a>
                <span>优惠券</span>
            </li>
            <li class="icon_small">
                <a href="./pages/bijia.html">
                    <img src="./assets/iconFonts/ic_trend.png">    
                </a>
                <span>查历史价</span>
            </li>
            <li class="icon_small">
                <a href="">
                    <img src="./assets/iconFonts/gengduo.png">    
                </a>
                <span>更多</span>
            </li>
            <li class="icon_small">
                <a href="./pages/coudanpin.html">
                    <img src="./assets/iconFonts/ic_coudanpin.png">    
                </a>
                <span>凑单品</span>
            </li>
            <li class="icon_small">
                <a href="./pages/bijia.html">
                    <img src="./assets/iconFonts/ic_kb.png">    
                </a>
                <span>口碑排行</span>
            </li>
            <li class="icon_small">
                <a href="./pages/shangpindaohang.html">
                    <img src="./assets/iconFonts/ic_mall.png">    
                </a>
                <span>商城导航</span>
            </li>
            <li class="icon_small">
                <a href="./pages/pinpaidaquan.html">
                    <img src="./assets/iconFonts/ic_pp.png">    
                </a>
                <span>品牌大全</span>
            </li>
        </ul>
        <div class="nav">
            <span>超值折扣推荐</span>
            <img src="./assets/iconFonts/more.png" alt="">
        </div>
        <!-- 商品列表 -->
        <ul class="list">

        </ul>
        <div class="more_message">
            <button>更多优惠信息>></button>
        </div>
        <div class="nav">
            <span>品牌排行</span>
            <img src="./assets/iconFonts/more.png" alt="">
        </div>
    </div>
    <div class="footer">
        <ul>
            <li>
                <button>登入</button>
            </li>
            <li>
                <button>注册</button>
            </li>
            <li>
                <button>返回顶部</button>
            </li>
        </ul>
        <p>手机APP下载 万峰智慧商城手机版--掌上比价平台</p>
        <p>chst.vip:8081/crm</p>
    </div>
</body>
</html>